/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision: 1.1 $
 * @lastmodified    $Date: 2011/11/28 01:43:01 $
 */
@media all { /* title */
	h6.vlist {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		width: 185px;
		padding: 3px 0px 3px 2%; /* LTR */
		margin: 0;
		color: #444;
		border-top: 2px #ddd solid;
	}
	.vlist {
		width: 185px;
		overflow: hidden;
		margin: 0 0 1.5em 0;
		list-style-type: circle;
	}
	.vlist ul {
		list-style-type: circle;
		margin: 0;
		background: #5faed9;
		padding: 0;
	}
	.vlist li {
		list-style-type: circle;
		background: transparent url("../images/0928/vmain_bg.png") 	no-repeat top left;
		float: left; /* LTR */
		width: 180px;
		color: #def5fe;
		font-weight:bolder;
		margin: 0;
		margin-bottom: 5px;
		padding: 0;
	}
	.vlist li li {
		margin-bottom: 0px;
		padding: 0;
	}

	.vlist a,.vlist strong,.vlist span {
		display: block;
		padding: 3px 0px 3px 2%;
		text-decoration: none;
		border-bottom: 1px #ddd solid;
	}
	.vlist a,.vlist a:visited {
		color: #def5fe;
	}
	.vlist li span {
		display: block;
		font-weight: bold;
		border-bottom: 1px #ddd solid;
	}
	/* active list element */
	.vlist li.active {
		background: transparent url("../images/0928/vmain_bg.png") 	no-repeat top left;
		color: black;
		font-weight: bold;
	}
	.vlist li.active a {
			color: def5fe;
	}
	/* Level 1 */
	.vlist li a,.vlist li strong,.vlist li span {
		width: 90%;
		padding-left: 10%;
	} /* LTR */
	.vlist li a:focus,.vlist li a:hover,.vlist li a:active {
		color: #eee;
		outline: 0 none;
	}
	/* Level 2 */
	.vlist li ul li a,.vlist li ul li strong,.vlist li ul li span {
		list-style-type: none;
		width: 80%;
		padding-left: 20%;
	} /* LTR */
	.vlist li ul li a,.vlist li ul li a:visited {
		background-color: #f8f8f8;
			color: #333;
	}
	.vlist li ul li a:focus,.vlist li ul li a:hover,.vlist li ul li a:active
		{
		background-color: #caf1f9;
			color: #333;
	}
	/* Level 3 */
	.vlist li ul li ul li a,.vlist li ul li ul li strong,.vlist li ul li ul li span
		{
				font-weight:normal;
		width: 70%;
		padding-left: 30%;
	} /* LTR */
	.vlist li ul li ul li a,.vlist li ul li ul li a:visited {
		background-color: #f0f0f0;
		color: #333;
	}
	.vlist li ul li ul li a:focus,.vlist li ul li ul li a:hover,.vlist li ul li ul li a:active
		{
		background-color: #caf1f9;
		color: #fff;
	}
	/* Level 4 */
	.vlist li ul li ul li ul li a,.vlist li ul li ul li ul li strong,.vlist li ul li ul li ul li span
		{
		width: 60%;
		padding-left: 40%;
	} /* LTR */
	.vlist li ul li ul li ul li a,.vlist li ul li ul li ul li a:visited {
		background-color: #e8e8e8;
		color: #333;
	}
	.vlist li ul li ul li ul li a:focus,.vlist li ul li ul li ul li a:hover,.vlist li ul li ul li ul li a:active
		{
		background-color: #caf1f9;
		color: #333;
	}
}